ul {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-style: normal;
	margin: 0;
	padding: 0;
}
.top {background: #09b295; }
.nav .active a {color: #09b295; border-bottom: 2px solid #09b295; }
.footer .footer-bottom {background: #09b295; }
.footer .footer-bottom p {color: #4CD601; }
.btn_top, .btn_bottom {background: #09b295; }
.login .web_login .g_list li .code button {background: #09b295; }
.login .web_login .switch .right {color: #09b295; }
.panel-list-box .list-tab ul li.tab-active {color: #09b295; }
.panel-list-box .list-tab ul li.tab-active:before {background: #09b295; }
.panel-list-box .list-book .book-item:nth-of-type(1) .order, .panel-list-box .list-book .book-item:nth-of-type(2) .order, .panel-list-box .list-book .book-item:nth-of-type(3) .order {background: #09b295; }
.book_btn .free {background: #09b295; }
.book_btn a {border: 1px solid #09b295; }
.book_btn .shelf {color: #09b295; }
.book_profiles p a {color: #09b295; }
.model_box .layui-m-layerbtn span[yes] {color: #09b295; }
.stacks li .list .active {color: #09b295; }
.stacks .screen:after {border-color: #09b295; }
.stacks .open:after {border-color: #09b295; }
.dir {border-left: 1px solid #09b295; border-top: 1px solid #09b295; border-bottom: 1px solid #09b295; }
.dir a {color: #09b295; border-right: 1px #09b295 solid; }
.dir .active {background-color: #09b295; }
.my-account p em {color: #09b295; }
@charset "UTF-8";
.page-turn {
	height: 33px;
	display: -webkit-box;
	padding-top: 10px
}

.page-turn .page-last, .page-turn .page-next {
	height: 33px;
	line-height: 33px;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	color: #b4b4b4;
	padding: 0 15px;
	display: block
}

.page-turn a {
	color: #b4b4b4
}

.page-turn .page-select {
	text-align: center;
	color: #b4b4b4;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px;
	height: 33px;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block
}

.page-turn .page-select select {
	color: #b4b4b4;
	width: 100%;
	height: 100%;
	border: none;
	outline: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.page-turn .page-select select option {
	color: #b4b4b4
}

.page-turn .page-select a.back {
	line-height: 33px
}

button, input {
	-webkit-appearance: none;
	border-radius: 0;
	outline: 0;
	border: 0
}

.fff {
	color: #fff
}

.m-t {
	margin-top: 8px
}

.m-b {
	margin-bottom: 8px
}

header {
	background: #fff
}

.top {
	overflow: hidden;
	position: relative;
	padding: 10px 15px;
	background: #fff
}

.top .language {
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	font-size: 13px;
	display: inline-block;
	color: #fff;
	border-radius: 36px;
	background-color: #09b295;
	margin-right: 5px
}

.top .logo {
	display: -webkit-box
}

.top .logo img {
	height: 35px;
	display: block
}

.top .login_h {
	line-height: 35px;
	position: absolute;
	right: 15px;
	top: 10px
}

.top .login_h .avatar {
	margin-right: 5px;
	display: inline-block;
	width: 25px;
	height: 25px
}

.top .login_h .avatar img {
	border-radius: 100%;
	width: 100%;
	vertical-align: middle
}

.top .login_h .shelf {
	color: #fe7676;
	font-size: 12px;
	padding: 0 3px;
	display: inline-block;
	height: 23px;
	width: 35px;
	line-height: 25px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #fe7676;
	text-align: center
}

.top .login_h .no_login {
	color: #fe7676;
	display: inline-block
}

.top .login_h .no_login em {
	margin: 0 5px
}

.top .login_h .no_login a {
	vertical-align: middle;
	color: #fe7676
}

.search {
	position: relative
}

.search .search-form {
	padding: 10px 15px;
	background: #fff
}

.search .search-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px #fafafa solid;
	background: #fafafa;
	padding-left: 10px;
	line-height: 35px;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-right: 30px
}

.search .search-input input {
	width: 100%;
	background: #fafafa;
	height: 33px;
	line-height: 33px;
	font-size: 13px
}

.search .search-input .search-btn {
	position: absolute;
	width: 35px;
	height: 35px;
	background: url(../images/search.png) 9px 10px no-repeat;
	background-size: 17.5px;
	right: 0;
	top: 0
}

.nav {
	background: #fff;
	width: 100%;
	margin-bottom: 10px
}

.nav ul {
	width: 100%;
	overflow: hidden
}

.nav ul + ul {
	margin-top: 5px
}

.nav ul li {
	box-sizing: border-box;
	width: 25%;
	float: left
}

.nav ul li a {
	color: #555;
	font-size: 12px;
	text-align: center;
	display: block
}

.nav ul li a .sort_icon {
	background: url(../images/sc_sort.png) no-repeat;
	width: 40px;
	height: 41px;
	background-size: 40px auto;
	display: inline-block
}

.nav ul li a .boy {
	background-position: 0 0
}

.nav ul li a .girl {
	background-position: 0 -58px
}

.nav ul li a .publish {
	background-position: 0 -116px
}

.nav ul li a .list {
	background-position: 0 -176px
}

.nav ul li a .sort {
	background-position: 0 -234px
}

.nav ul li a .new {
	background-position: 0 -293px
}

.nav ul li a .sign {
	background-position: 0 -351px
}

.nav ul li a .pay {
	background-position: 0 -410px
}

.nav ul li a .tit_sort {
	display: block
}

.nav .active a {
	color: #318901;
	border-bottom: 2px solid #318901
}

.index_banner {
	overflow: hidden;
	margin-right: -15px;
	margin-top: -15px
}

.index_banner .banner_list {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	margin-top: 15px;
	padding-right: 15px;
	float: left
}

.index_banner .banner_list a {
	display: block
}

.index_banner .banner_list a img {
	width: 100%;
	display: block
}

.chapter {
	position: relative
}

.chapter .chapter-item {
	padding: 10px 0;
	position: relative;
	display: block
}

.chapter .chapter-item:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.chapter .chapter-item .title {
	font-weight: 400;
	font-size: 14px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #1a1a1a
}

.chapter .chapter-item .title em {
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	display: inline-block;
	background: #fe6c63;
	transform: scale(.8);
	height: 20px;
	line-height: 20px;
	-webkit-transform: scale(.8);
	margin-right: 5px
}

.book-group-three {
	overflow: hidden;
	margin: 15px 0
}

.book-group-three .book-cover {
	width: 33.333%;
	float: left;
	text-align: center
}

.book-group-three .book-cover .book-img {
	width: 70%;
	display: inline-block;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15)
}

.book-group-three .book-cover .book-img img {
	width: 100%;
	display: block
}

.book-group-three .book-cover p {
	width: 70%;
	font-size: 13px;
	color: #222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto
}

.footer {
	background: #fff;
	line-height: 160%;
	text-align: center;
	padding-top: 20px
}

.footer p.links {
	color: #ccc
}

.footer p.links a {
	font-size: 15px;
	color: #333;
	margin: 0 5px;
	position: relative
}

.footer p.links .hot:after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url(../images/hot.png) no-repeat;
	background-size: 18px;
	position: absolute;
	right: -10px;
	top: -10px
}

.footer .footer-bottom {
	margin-top: 5px;
	background: #fee100;
	padding: 10px 15px
}

.footer .footer-bottom p {
	font-size: 14px
}

.head-bar {
	padding: 0;
	margin: 0;
	height: 44px;
	line-height: 44px;
	background: #fff;
	display: -webkit-box;
	position: relative;
	z-index: 101
}

.head-bar:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.head-bar .head-title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 15px;
	color: #535353;
	text-align: center
}

.head-bar .goback {
	background: url(../images/goback.png) no-repeat center;
	-webkit-background-size: 10px;
	background-size: 10px;
	display: block;
	height: 44px;
	width: 44px
}

.head-bar .home {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	font-size: 13px;
	color: #999
}

.head-bar .bar-left {
	position: absolute
}

.head-bar .bar-right {
	position: absolute;
	right: 15px
}

.head-bar .bar-more {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(../images/open_more.png) no-repeat center;
	background-size: 16px;
	vertical-align: text-bottom
}

.head-bar .bar-search {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(../images/open_search.png) no-repeat center;
	background-size: 16px;
	vertical-align: text-bottom;
	margin-right: 15px
}

.head-bar .close-icon {
	background: url(../images/close_more.png) no-repeat center;
	background-size: 16px
}

.search-box {
	z-index: 10001
}

.search-box .search-top {
	display: -webkit-box;
	padding: 10px 15px;
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.search-box .search-top:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.search-box .search-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px #fafafa solid;
	background: #fafafa;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px
}

.search-box .search-input input {
	width: 100%;
	background: #fafafa;
	height: 30px;
	line-height: 28px;
	font-size: 13px
}

.search-box .search-input .search-btn {
	position: absolute;
	width: 35px;
	height: 35px;
	background: url(../images/search.png) 9px 9px no-repeat;
	background-size: 17.5px;
	left: 0;
	top: 0
}

.search-box .wap-search-btn {
	margin-left: 10px;
	background: #fe6c63;
	color: #fff;
	height: 30px;
	width: 40px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	display: inline-block
}

.search-box .search-hot {
	padding: 15px
}

.search-box .search-hot .title {
	font-size: 15px
}

.search-box .search-hot .keywords .list {
	display: inline-block;
	font-size: 13px;
	color: #fe6c63;
	border: 1px solid #fe6c63;
	padding: 1px 4px;
	margin-right: 5px;
	margin-top: 15px;
	border-radius: 2px
}

.search-box .search-history {
	padding: 15px
}

.search-box .search-history .title {
	font-size: 15px
}

.search-box .search-history .clear {
	float: right;
	font-size: 14px
}

.search-box .search-history .keywords {
	margin: 10px 0
}

.search-box .search-history .keywords .list {
	padding: 10px 0;
	display: block;
	color: #777;
	position: relative
}

.search-box .search-history .keywords .list:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.read-menu .menu-box {
	position: fixed;
	top: 44px;
	left: 0;
	right: 0;
	background-color: #fff;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	z-index: 99;
	visibility: hidden
}

.read-menu .menu-box .menu-nav {
	width: 100%;
	margin: 10px 0
}

.read-menu .menu-box .menu-nav ul {
	width: 100%;
	overflow: hidden
}

.read-menu .menu-box .menu-nav ul li {
	box-sizing: border-box;
	width: 33.3333%;
	float: left;
	margin-bottom: 10px
}

.read-menu .menu-box .menu-nav ul li a {
	color: #555;
	font-size: 12px;
	text-align: center;
	display: block
}

.read-menu .menu-box .menu-nav ul li a .icon {
	background: url(../images/icon_more.png) no-repeat;
	width: 40px;
	height: 41px;
	background-size: 40px auto;
	display: inline-block
}

.read-menu .menu-box .menu-nav ul li a .home {
	background-position: 0 0
}

.read-menu .menu-box .menu-nav ul li a .stack {
	background-position: 0 -44px
}

.read-menu .menu-box .menu-nav ul li a .search {
	background-position: 0 -90px
}

.read-menu .menu-box .menu-nav ul li a .list {
	background-position: 0 -135px
}

.read-menu .menu-box .menu-nav ul li a .free {
	background-position: 0 -180px
}

.read-menu .menu-box .menu-nav ul li a .user {
	background-position: 0 -225px
}

.read-menu .menu-box .menu-nav ul li a .tit {
	display: block
}

.read-menu .menu-box .read-btn {
	margin-bottom: 15px;
	text-align: center
}

.read-menu .menu-box .read-btn a {
	font-size: 14px;
	line-height: 36px;
	display: inline-block;
	min-width: 210px;
	padding: 0 10px;
	text-align: center;
	color: #fff;
	border-radius: 99px;
	background: #fe6c63
}

.read-menu .menu-toggle {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility: visible
}

.read-menu .menu-mask {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .45);
	top: 44px;
	z-index: 99
}

.my-info {
	background: #fff;
	padding: 15px;
	position: relative;
	background-image: url(../images/user-bg.png);
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.my-info .head-img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #dbdfe0;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.my-info .head-img img {
	width: 100%;
	height: 100%
}

.my-info .my-person-info {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.my-info .my-person-info .my-name {
	font-size: 14px;
	font-weight: 700
}

.my-info .my-person-info .vip {
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding: 0 3px;
	display: inline-block;
	background: #75d0f5;
	transform: scale(.7);
	-webkit-transform: scale(.8)
}

.my-info .my-person-info .year {
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding: 0 3px;
	display: inline-block;
	background: #ef6961;
	transform: scale(.8);
	-webkit-transform: scale(.8)
}

.my-info .my-person-info .lv {
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding: 0 3px;
	display: inline-block;
	background: #4eaf95;
	transform: scale(.8);
	-webkit-transform: scale(.8)
}

.my-info .my-edit {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/edit.png) no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
	vertical-align: super;
	position: absolute;
	right: 25px;
	margin-top: 10px
}

.my-info .my-account-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-top: 10px
}

.my-info .my-account-info .info-item {
	width: 100%;
	display: block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.my-info .my-account-info .info-item .info-item-title {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color: #333
}

.my-info .my-account-info .info-item .info-item-num {
	display: block;
	font-size: 13px;
	color: #ef6961
}

.my-info .my-account-info .recharge-box {
	display: -webkit-box;
	height: 100%;
	-webkit-box-align: center;
	-webkit-box-pack: end
}

.my-info .my-account-info .recharge-box .recharge {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	background: #ef6961;
	border-radius: 3px;
	font-size: 13px;
	color: #fff;
	bottom: 25px
}

.user-list {
	padding: 0 15px;
	background: #fff;
	overflow: hidden
}

.user-list .user-item {
	display: block;
	padding: 15px 0 15px 30px;
	font-size: 14px;
	color: #313233;
	position: relative
}

.user-list .user-item:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.user-list .user-item:first-child:before {
	display: none
}

.user-list .user-item:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #ababab;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px
}

.user-list .user-item .txt-info {
	color: #666;
	font-size: 13px;
	margin-right: 25px;
	float: right
}

.user-list .list-icon {
	background: url(../images/user.png) no-repeat;
	-webkit-background-size: 17px auto;
	background-size: 17px auto
}

.user-list .user_account {
	background-position: 0 17px
}

.user-list .user_vip {
	background-position: 0 -21px
}

.user-list .user_finance {
	background-position: 0 -58px
}

.user-list .user_bookshelf {
	background-position: 0 -95px
}

.user-list .user_bookcomment {
	background-position: 0 -132px
}

.user-list .user_message {
	background-position: 0 -168px
}

.user-list .user_help {
	background-position: 0 -205px
}

.user-list .user_pay {
	background-position: 0 -242px
}

.user-list .user_kf {
	background-position: 0 -279px
}

.user-list .user_setting {
	background-position: 0 -317px
}

.user-list .user_wx {
	background-position: 0 -353px
}

.user-list .user_qq {
	background-position: 0 -389px
}

.user-list .user_wb {
	background-position: 0 -426px
}

.signout {
	display: block;
	background: #ef6961;
	color: #fff;
	padding: 10px 0;
	text-align: center
}

.dir {
	display: -webkit-box;
	height: 30px;
	border: 1px solid #08b395;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.dir a {
	width: 50%;
	display: block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 14px;
	color: #08b395;
	line-height: 30px;
	border-right: 1px #08b395 solid
}

.dir a:last-child {
	border-right: none
}

.dir .active {
	background-color: #08b395;
	color: #fff
}

.bookshelf .chapter-item:first-child:before {
	display: none
}

.bookshelf .chapter-item .read-chapter {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: 10px
}

.bookshelf .chapter-item .read-chapter .name {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	-webkit-box-flex: 1;
	overflow: hidden;
	font-size: 13px;
	color: #8c8c8c
}

.bookshelf .chapter-item .read-chapter .goon-read {
	margin-left: 25px;
	font-size: 13px;
	color: #08b395
}

.bookmark .chapter-item {
	padding: 0
}

.bookmark .chapter-item:before {
	display: none
}

.bookmark .chapter-item .mark_info {
	margin-top: 5px;
	color: #8c8c8c;
	font-size: 13px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1
}

.bookmark .chapter-item .mark_info em {
	color: #fe6c63
}

.bookmark .del {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	bottom: 10px;
	right: 0;
	background: url(../images/del.png) no-repeat center;
	background-size: 16px
}

.book_btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 0 15px 15px
}

.book_btn a {
	display: block;
	height: 33px;
	text-align: center;
	line-height: 33px;
	border: 1px solid #08b395;
	border-radius: 3px;
	margin-top: 5px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px
}

.book_btn .free {
	background: #08b395;
	color: #fff;
	margin-right: 10px
}

.book_btn .shelf {
	color: #08b395;
	margin-left: 10px
}

.article_new {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 10px 0
}

.article_new a {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #7b7a7b
}

.article_new a em {
	color: #ef6961
}

.article_new .updata_time {
	color: #7b7a7b
}

.article_new .vip {
	border: 1px solid #ef6961;
	font-size: 12px;
	padding: 0 2px;
	color: #ef6961;
	height: 13px;
	line-height: 14px;
	border-radius: 3px;
	margin-top: 3px
}

.book-dir .chapter-item:last-child:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.book-dir .name {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.book-dir .name .title {
	color: #7b7a7b
}

.book-dir .name .free {
	color: #08b395;
	font-size: 13px
}

.book-dir .name .vip {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/lock.png) no-repeat;
	background-size: 15px
}

.author-speak {
	line-height: 150%
}

.author-speak > dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: 5px;
	color: #5e5e5e
}

.author-speak > dl dd {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.author-speak > dl dt {
	color: #fe6c63;
	margin-right: 5px
}

.author-speak > dl a {
	color: #08b395
}

.author-speak > dl em {
	color: #08b395
}

.panel-list-box {
	height: auto;
	min-height: 100%;
	background: #fff;
	overflow: hidden
}

.panel-list-box + header {
	z-index: 9999;
	position: fixed
}

.panel-list-box .list-tab {
	min-width: 76px;
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	float: left;
	position: fixed;
	left: 0;
	bottom: 0;
	top: 45px;
	z-index: 99
}

.panel-list-box .list-tab ul {
	position: relative;
	width: 100%;
	height: 100%
}

.panel-list-box .list-tab ul:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	bottom: 0;
	border-right: 1px solid #eaeaea;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.panel-list-box .list-tab ul li {
	height: 46px;
	line-height: 46px;
	text-align: center;
	position: relative;
	color: #8c8c8c
}

.panel-list-box .list-tab ul li.tab-active {
	color: #fb4e5d
}

.panel-list-box .list-tab ul li.tab-active:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 3px;
	height: 17px;
	background: #fb4e5d
}

.panel-list-box .list-book {
	margin: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 25%;
	position: relative;
	top: 45px;
	margin-bottom: 45px
}

.panel-list-box .list-book > div {
	display: none
}

.panel-list-box .list-book > div.tab-content-active {
	display: block
}

.panel-list-box .list-book .book-item:nth-of-type(1) .order, .panel-list-box .list-book .book-item:nth-of-type(2) .order, .panel-list-box .list-book .book-item:nth-of-type(3) .order {
	background: #fb4e5d
}

.panel-list-box .list-book .book-name {
	color: #4d4d4d;
	font-size: 14px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px
}

.panel-list-box .list-book .book-desc {
	color: #8c8c8c
}

.panel-list-box .list-book .book-desc .art-new, .panel-list-box .list-book .book-desc .num, .panel-list-box .list-book .book-desc .state, .panel-list-box .list-book .book-desc .time {
	margin-top: 0;
	font-size: 13px;
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis
}

.panel-list-box .list-book .book-desc .time {
	color: #fb4e5d
}

.panel-list-box .list-book .order {
	position: absolute;
	background: #8c8c8c;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	right: 0;
	top: 0;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.chapter-content {
	background: #f2f2f2
}

.chapter-content .chapter-head {
	padding: 10px 0;
	line-height: 30px
}

.chapter-content .chapter-head .title {
	font-size: 18px;
	color: #333
}

.chapter-content .chapter-text {
	margin-top: 10px;
	font-size: 16px;
	line-height: 27px;
	color: #333
}

.chapter-content .chapter-text p {
	text-indent: 2em;
	margin: 8px 0;
	text-align: justify
}

.chapter-content .page-last, .chapter-content .page-next, .chapter-content .page-select, .chapter-content .page-turn .page-next, .page-turn .chapter-content .page-next {
	border-color: #333
}

.chapter-content .page-last a, .chapter-content .page-next a, .chapter-content .page-select a, .chapter-content .page-turn .page-next a, .page-turn .chapter-content .page-next a {
	color: #333
}

.read_set_bar {
	margin: 10px 0;
	text-align: center;
	overflow: hidden
}

.read_set_bar a {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-left: 10px;
	font-size: 17px;
	line-height: 30px
}

.read_set_bar .tu {
	background: #f3dcb9
}

.read_set_bar .white {
	background: #fff
}

.read_set_bar .green {
	background: #b3eaea
}

.read_set_bar .blue {
	background: #194d75
}

.read_set_bar .night {
	background: url(../images/read-icon.png) no-repeat 0 -103px;
	background-size: 30px
}

.read-header {
	padding: 0;
	margin: 0;
	height: 44px;
	line-height: 44px;
	background: #f2f2f2;
	display: -webkit-box
}

.read-header .left-header .goback {
	background: url(../images/goback.png) no-repeat center;
	-webkit-background-size: 10px;
	background-size: 10px;
	display: block;
	height: 44px;
	width: 44px
}

.read-header .book-title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 15px;
	color: #535353
}

.read-header .right-header {
	margin-right: 15px
}

.read-header .right-header a {
	display: inline-block;
	padding-left: 13px
}

.read-header .right-header i {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 18px
}

.read-header .right-header i.home {
	background: url(../images/read_nav_icon.png) no-repeat 1px -32px;
	-webkit-background-size: 50px;
	background-size: 50px
}

.read-header .right-header i.book {
	background: url(../images/read_nav_icon.png) no-repeat -17px -31px;
	-webkit-background-size: 50px;
	background-size: 50px
}

.read-header .right-header i.user {
	background: url(../images/read_nav_icon.png) no-repeat -34px -32px;
	-webkit-background-size: 50px;
	background-size: 50px
}

.collect-tip {
	height: 40px;
	line-height: 40px;
	background: #f2dede;
	display: -webkit-box;
	color: #333
}

.collect-tip .collect-text {
	font-size: 12px;
	margin: 0 15px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.collect-tip a {
	padding: 4px 10px;
	border-radius: 3px;
	margin-right: 15px;
	font-size: 13px
}

.collect-tip .ok {
	color: #a94442;
	border: 1px solid #a94442
}

.collect-tip .cancel {
	color: #333
}

.Theme1 .chapter-content {
	background: #f2f2f2
}

.Theme1 .chapter-content .chapter-head .title {
	color: #333
}

.Theme1 .chapter-content .chapter-text {
	color: #333
}

.Theme1 .page-last, .Theme1 .page-next, .Theme1 .page-select, .Theme1 .page-turn .page-next, .page-turn .Theme1 .page-next {
	border-color: #333
}

.Theme1 .page-last a, .Theme1 .page-next a, .Theme1 .page-select a, .Theme1 .page-turn .page-next a, .page-turn .Theme1 .page-next a {
	color: #333
}

.Theme1 .read-header {
	background: #f2f2f2
}

.Theme2 .chapter-content {
	background: url(../images/read_bg_tu.png)
}

.Theme2 .chapter-content .chapter-head .title {
	color: #040000
}

.Theme2 .chapter-content .chapter-text {
	color: #040000
}

.Theme2 .page-last, .Theme2 .page-next, .Theme2 .page-select, .Theme2 .page-turn .page-next, .page-turn .Theme2 .page-next {
	border-color: #040000
}

.Theme2 .page-last a, .Theme2 .page-next a, .Theme2 .page-select a, .Theme2 .page-turn .page-next a, .page-turn .Theme2 .page-next a {
	color: #040000
}

.Theme2 .read-header {
	background: url(../images/read_bg_tu.png)
}

.Theme3 .chapter-content {
	background: #d9ffff
}

.Theme3 .chapter-content .chapter-head .title {
	color: #342100
}

.Theme3 .chapter-content .chapter-text {
	color: #342100
}

.Theme3 .page-last, .Theme3 .page-next, .Theme3 .page-select, .Theme3 .page-turn .page-next, .page-turn .Theme3 .page-next {
	border-color: #342100
}

.Theme3 .page-last a, .Theme3 .page-next a, .Theme3 .page-select a, .Theme3 .page-turn .page-next a, .page-turn .Theme3 .page-next a {
	color: #342100
}

.Theme3 .read-header {
	background: #d9ffff
}

.Theme4 .chapter-content {
	background: #0f3756
}

.Theme4 .chapter-content .chapter-head .title {
	color: #84b9e5
}

.Theme4 .chapter-content .chapter-text {
	color: #84b9e5
}

.Theme4 .page-last, .Theme4 .page-next, .Theme4 .page-select, .Theme4 .page-turn .page-next, .page-turn .Theme4 .page-next {
	border-color: #84b9e5
}

.Theme4 .page-last a, .Theme4 .page-next a, .Theme4 .page-select a, .Theme4 .page-turn .page-next a, .page-turn .Theme4 .page-next a {
	color: #84b9e5
}

.Theme4 .read-header .right-header i.home {
	background-position: 1px 2px
}

.Theme4 .read-header .right-header i.book {
	background-position: -17px 1px
}

.Theme4 .read-header .right-header i.user {
	background-position: -34px 1px
}

.Theme4 .read-header {
	background: #0f3756
}

.Theme4 .read-header .book-title {
	color: #bbb
}

.Theme4 .read-header .left-header .goback {
	background: url(../images/goback_.png) no-repeat center;
	-webkit-background-size: 10px;
	background-size: 10px
}

.Theme5 .chapter-content {
	background: #242424
}

.Theme5 .chapter-content .chapter-head .title {
	color: #5d5d5d
}

.Theme5 .chapter-content .chapter-text {
	color: #5d5d5d
}

.Theme5 .page-last, .Theme5 .page-next, .Theme5 .page-select, .Theme5 .page-turn .page-next, .page-turn .Theme5 .page-next {
	border-color: #5d5d5d
}

.Theme5 .page-last a, .Theme5 .page-next a, .Theme5 .page-select a, .Theme5 .page-turn .page-next a, .page-turn .Theme5 .page-next a {
	color: #5d5d5d
}

.Theme5 .read-header .right-header i.home {
	background-position: 1px 2px
}

.Theme5 .read-header .right-header i.book {
	background-position: -17px 1px
}

.Theme5 .read-header .right-header i.user {
	background-position: -34px 1px
}

.Theme5 .read-header {
	background: #242424
}

.Theme5 .read-header .book-title {
	color: #bbb
}

.Theme5 .read-header .left-header .goback {
	background: url(../images/goback_.png) no-repeat center;
	-webkit-background-size: 10px;
	background-size: 10px
}

.login {
	margin: 0 auto
}

.login .tip {
	color: #fe6c63;
	text-align: center;
	margin-bottom: 15px
}

.login .web_login {
	margin: 0 auto;
	width: 290px
}

.login .web_login .g_list {
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #eaeaea
}

.login .web_login .g_list li {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 40px;
	padding: 0 10px;
	background: #fff;
	position: relative
}

.login .web_login .g_list li:last-child {
	border-bottom: none
}

.login .web_login .g_list li label {
	line-height: 40px;
	font-size: 14px
}

.login .web_login .g_list li .inputstyle {
	border: 0;
	display: block;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);	
	line-height: 20px;
	font-size: 14px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 9px;
	margin-left: 5px;
	background-color:#fff!important;
}

.login .web_login .g_list li .require {
	position: absolute;
	right: 10px;
	top: 12px;
	color: #fe6c63
}

.login .web_login .g_list li .code {
	position: absolute;
	bottom: 2px;
	right: 15px
}

.login .web_login .g_list li .code img {
	vertical-align: middle;
	width: 120px;
	height: 36px
}

.login .web_login .g_list li .code button {
	background: #fee100;
	color: #fff;
	width: 80px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 30px;
	line-height: 30px;
	vertical-align: text-bottom;
	text-align: center;
	font-size: 13px
}

.login .web_login .g_list li .code button[disabled] {
	background: #bababa
}

.login .web_login .switch {
	font-size: 12px;
	margin-top: 15px
}

.login .web_login .switch input {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	box-sizing: border-box;
	vertical-align: middle;
	margin: 0
}

.login .web_login .switch .right {
	float: right;
	color: #08b395
}

.login .web_login .login_tip {
	font-size: 12px;
	color: #646464;
	margin-top: 15px;
	text-align: center
}

.login .follow {
	padding: 0 10px
}

.login .follow .qr_code {
	width: 100%;
	text-align: center
}

.login .follow .qr_code p {
	color: #646464;
	font-size: 13px
}

.login .follow .qr_code img {
	width: 60%;
	height: auto;
	margin: 10px 0
}

.btn_bottom, .btn_top {
	width: 290px;
	height: 44px;
	line-height: 44px;
	background: #fee100;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	display: block;
	text-align: center
}

.btn_bottom.weak {
	height: 42px;
	border: 1px solid #999;
	color: #999;
	background: #fff;
	width: 288px
}

.login-others {
	width: 100%;
	margin-top: 15px
}

.login-others .login-others-tip {
	color: #646464;
	font-size: 13px;
	margin-top: 15px;
	text-align: center
}

.login-others .login-others-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 25px;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 15px
}

.login-others .login-others-title .line {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: #646464
}

.login-others .login-others-title span {
	display: block;
	color: #646464;
	padding: 0 5px;
	font-size: 12px
}

.login-others ul {
	width: 100%;
	display: table
}

.login-others ul li {
	display: table-cell;
	width: 33%
}

.login-others ul a {
	display: block;
	text-align: center
}

.login-others ul i {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: url(__IMG__/login_icon.png) no-repeat;
	background-size: 40px
}

.login-others ul i.qq {
	background-position: 0 -43px
}

.login-others ul i.wx {
	background-position: 0 0
}

.login-others ul i.wb {
	background-position: 0 -85px
}

.warmth-tips .head-tip {
	margin: 10px 3px;
	text-align: center;
	color: #fe6c63
}

.warmth-tips .head-tip:before {
	content: '';
	border-left: 2px solid #fe6c63;
	padding-right: 5px
}

.warmth-tips .head-tip:after {
	content: '';
	border-right: 2px solid #fe6c63;
	padding-left: 5px
}

.warmth-tips .content-tip {
	color: #646464;
	font-size: 13px;
	text-indent: 2em;
	line-height: 1.7
}

.buy-content {
	padding-top: 35%;
	text-align: center
}

.buy-content .title {
	color: #535353;
	font-size: 15px;
	margin-bottom: 10px
}

.buy-content .buy-desc {
	font-size: 14px
}

.buy-content .buy-desc .auto {
	font-size: 12px;
	margin-top: 10px
}

.buy-content .buy-desc .auto input {
	-webkit-appearance: checkbox;
	vertical-align: middle
}

.buy-content .buy-desc > p {
	color: #999
}

.buy-content .buy-desc > p > span {
	width: 50%;
	display: inline-block;
	float: left
}

.buy-content .buy-desc > p > span:first-child {
	text-align: right
}

.buy-content .buy-desc > p > span:last-child {
	color: #08b395;
	text-align: left
}

.buy-content .buy-desc .buy-btn {
	width: 110px;
	height: 36px;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	margin-top: 15px;
	border-radius: 5px;
	color: #999;
	border: 1px solid #999;
	display: inline-block
}

.pay-view {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	padding: 10px 15px
}

.pay-view p {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #535353;
	line-height: 25px
}

.pay-view p em {
	color: #00d8b3
}

.pay-view .pay {
	margin-left: 10px;
	color: #fff;
	background: #fe6c63;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.spend-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	margin-bottom: 10px
}

.spend-tab a {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.spend-tab a:first-child {
	padding-right: 15px;
	text-align: right
}

.spend-tab a:last-child {
	padding-left: 15px;
	text-align: left
}

.spend-tab a.active span {
	padding-bottom: 5px;
	color: #00d8b3;
	border-bottom: 2px solid #00d8b3
}

.finance-view {
	position: relative
}

.finance-view .view-item {
	display: block;
	overflow: hidden;
	padding: 10px 0;
	position: relative
}

.finance-view .view-item:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.finance-view .view-item .f-bd {
	margin-bottom: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	color: #7b7b7b
}

.finance-view .view-item .f-ft {
	color: #c5c5c5;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size: 12px
}

.finance-view .view-item .view-left {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.finance-view .view-item .view-right {
	margin-left: 25px
}

.finance-view .view-item .green {
	color: #00d8b3
}

.finance-view .view-item .red {
	color: red
}

.user-message .message-list {
	position: relative;
	padding: 10px 0
}

.user-message .message-list:not(:last-child):after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.user-message .message-list .message-title {
	margin-bottom: 5px;
	color: #333
}

.user-message .message-list .message-info {
	margin-bottom: 5px;
	color: #595959;
	font-size: 13px
}

.user-message .message-list .message-time {
	color: #d1d1d1;
	font-size: 12px;
	text-align: right
}

.followPannel {
	margin-top: 30px;
	padding: 5px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #fff
}

.followPannel .followQR {
	margin-right: .8em;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center
}

.followPannel .followQR img {
	width: 100%;
	max-height: 100%;
	vertical-align: top
}

.followPannel .followText {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	color: #5c5c5c;
	font-size: 14px
}

.followPannel .followBtn {
	border: 1px solid #08b395;
	color: #08b395;
	margin-right: .8em;
	border-radius: 3px;
	width: 50px;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.weui-mask {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6)
}

.weui-actionsheet {
	position: fixed;
	left: 0;
	bottom: 0;
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 5000;
	width: 100%;
	background-color: #efeff4;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.weui-actionsheet_toggle {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.weui-actionsheet__title {
	position: relative;
	height: 65px;
	padding: 0 20px;
	line-height: 1.4;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
	font-size: 14px;
	color: #888;
	background: #fcfcfd
}

.weui-actionsheet__title:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #e5e5e5;
	color: #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui-actionsheet__title .weui-actionsheet__title-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.weui-actionsheet__menu {
	background-color: #fcfcfd
}

.weui-actionsheet__cell {
	position: relative;
	padding: 10px 0;
	text-align: center;
	font-size: 15px
}

.weui-actionsheet__cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #e5e5e5;
	color: #e5e5e5;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui-actionsheet__cell:active {
	background-color: #ececec
}

.weui-actionsheet__cell:first-child:before {
	display: none
}

.weui-actionsheet__cell a {
	display: block
}

.weui-actionsheet__action {
	margin-top: 6px;
	background-color: #fcfcfd
}

.container > .book-more {
	display: block;
	text-align: center;
	color: #6d6d6d;
	background: #f7f7f7;
	line-height: 36px;
	height: 36px;
	margin: 0 15px
}

.list-link-box {
	padding: 0 15px;
	background: #fff;
	overflow: hidden
}

.list-link-box .list-link {
	display: -webkit-box;
	padding: 15px 0;
	font-size: 14px;
	color: #313233;
	position: relative
}

.list-link-box .list-link:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.list-link-box .list-link:first-child:before {
	display: none
}

.list-link-box .list-link:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #ababab;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px
}

.list-link-box .list-link h4 {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	box-flex: 1;
	font-weight: 400
}

.list-link-box .list-link .txt-info {
	color: #666;
	font-size: 13px;
	margin-right: 25px
}

.head-tab {
	display: inline-table;
	height: 28px;
	line-height: 28px;
	border: 1px solid #08b395;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.head-tab a {
	display: table-cell;
	padding: 0 10px;
	text-align: center;
	font-size: 14px;
	color: #08b395;
	line-height: 28px;
	border-right: 1px #08b395 solid
}

.head-tab a:last-child {
	border-right: none
}

.head-tab .active {
	background-color: #08b395;
	color: #fff
}

.new_library {
	position: relative;
	margin-top: 10px
}

.new_library .first_screen {
	position: relative
}

.new_library .first_screen:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.new_library .first_screen .screen {
	position: absolute;
	line-height: 25px;
	right: 15px;
	color: #08b395;
	padding-right: 15px
}

.new_library .first_screen .screen:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #08b395;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 0;
	-webkit-transition: all .2s;
	transition: all .2s
}

.new_library .first_screen .screen.open:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.new_library .first_screen .list {
	padding-bottom: 10px;
	margin: 0 15px
}

.new_library .first_screen .list a {
	font-size: 14px;
	line-height: 25px;
	color: #7b7a7b;
	white-space: nowrap;
	margin-right: 20px
}

.new_library .first_screen .list .active {
	color: #08b395
}

.new_library .other_screen .list_screen {
	position: fixed;
	top: 90px;
	left: 0;
	right: 0;
	background-color: #fff;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	z-index: 95;
	visibility: hidden;
	padding-bottom: 15px
}

.new_library .other_screen .list_screen li {
	padding: 10px 0;
	margin: 0 15px;
	position: relative
}

.new_library .other_screen .list_screen li:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.new_library .other_screen .list_screen li a {
	color: #7b7a7b;
	border: 1px solid #f0f0f0;
	background: #f0f0f0;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	height: 17px;
	padding: 2px 5px;
	margin-right: 10px
}

.new_library .other_screen .list_screen li a.active {
	background: #fff;
	border-color: #08b395;
	color: #08b395
}

.new_library .other_screen .list_screen .tit {
	color: #333
}

.new_library .other_screen .toggle {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility: visible
}

.new_library .mask_screen {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .45);
	top: 90px;
	z-index: 94
}

.new_library .btn_screen {
	font-size: 14px;
	line-height: 36px;
	display: block;
	margin: 0 15px;
	padding: 0 10px;
	text-align: center;
	color: #fff;
	margin-top: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #08b395
}